header {
  padding: 20px 0 20px 0;
  background: lightsteelblue;
  color: white;
  text-align: center;
}

header h1 {
  font-weight: 600;
}

.MediaCardContainer{
  max-width: 310px;
  margin: auto;
}
.MediaCardImage{
  height: 200px !important;
  max-width: 310px;
}
.MediaCardDescription{
  height: 200px;
  overflow-y: scroll;
  overflow-wrap: break-word;
}

.MediaGridContainer{
  margin: auto !important;
  padding: 20px;
  width: 100% !important;
}

.MediaGridCard{
  display: flex;
  align-content: center;
  justify-content: center;
}

.BookList {
  width: 100%;
}
.BookList > * {
  margin: 20px;
  float: left;
}

.SearchBarContainer > form {
  display: flex;
  align-items: center;
}
.input {
  margin-right: 10px !important;
}